/* 
    Document   : pict_panel_style
    Created on : 2013/11/18, 12:31:00
    Author     : G011C1102
    Description:
        Purpose of the stylesheet follows.
*/

#wrapper.gridMainPain img{
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 10px;
	background: #f0f0f0;
	width: 400px
}#wrapper.gridCullom{
	background: #444444;
}
ul[data-liffect="pageTop"] li {
	opacity: 0;
	position: relative;
	-webkit-animation: pageTop 700ms ease both;
	-webkit-animation-play-state: paused;
	-webkit-transform-origin: 50% 0%;
	-moz-animation: pageTop 700ms ease both;
	-moz-animation-play-state: paused;
	-moz-transform-origin: 50% 0%;
	-o-animation: pageTop 700ms ease both;
	-o-animation-play-state: paused;
	-o-transform-origin: 50% 0%;
	animation: pageTop 700ms ease both;
	animation-play-state: paused;
	transform-origin: 50% 0%;
}

ul[data-liffect="pageTop"].play li {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}

@-webkit-keyframes pageTop {
	0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); }
100% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); }
}

@-moz-keyframes pageTop {
	0% { opacity: 0; -moz-transform: perspective(400px) rotateX(90deg); }
100% { opacity: 1; -moz-transform: perspective(400px) rotateX(0deg); }
}

@-o-keyframes pageTop {
	0% { opacity: 0; -o-transform: perspective(400px) rotateX(90deg); }
100% { opacity: 1; -o-transform: perspective(400px) rotateX(0deg); }
}

@keyframes pageTop {
	0% { opacity: 0; transform: perspective(400px) rotateX(90deg); }
100% { opacity: 1; transform: perspective(400px) rotateX(0deg); }
}
#mainPict {
	background: #000000;
	display: block;
	margin: 0px auto;
	text-align: center;  
	height: 100%;
	padding: 45px;
}